<?xml version="1.0" encoding="UTF-8"?>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	
	<html xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:p="http://primefaces.org/ui"
		xmlns:c="http://java.sun.com/jsp/jstl/core"
		xmlns:ui="http://java.sun.com/jsf/facelets">
	
	
	<ui:decorate template="/templates/template.xhtml">
	
		<ui:define name="head">
			<style type="text/css">
	.colunaValores {
		width: 70px;
	}
	
	.txtDescTrans {
		width: 200px;
	}
	
	.cboCateg {
		width: 150px;
	}
	
	.cboContaPesquisa {
		width: 150px;
	}
	
	.calDtInicial,.calDtFinal {
		
	}
	
	.parcelaNegativa, .parcelaNegativaVencida{
		color: red;
	}
	
	.parcelaNegativaVencida,.parcelaPositivaVencida{
		text-decoration:line-through;
	}
	
	.cboSitTrans {
		width: 150px;
	}
	
	.trTransacao {
		background-color: #ECECEC;
	}
	
	.transacaoLinha1 {
		background-color: #F3F3F3;
	}
		
	.transacaoLinha2{
		background-color: #FFFFFF;
	}
	
	.trDataTransacao {
		background-color: #F5F5F5;
		padding-top: 5px;
		font-weight: bold;
	}
	
	.trSaldoAnterior {
		font-weight: bold;
		border-top-style:dashed;
		border-top-width:1px;
		border-color: rgb(145, 145, 145);
	}
	
	.cboTipoTransPesq {
		width: 150px;
	}
	
	.txtValorInicial,.txtValorFinal {
		width: 150px;
	}
	
	.campoValorParcela {
		border: 1px solid #9F9F9F;
	}
	
	.parcNumero {
		width: 20px;
	}
	
	.parcValor {
		width: 70px;
	}
	
	.parcVenc {
		width: 75px;
	}
	
	.parcQuit, .parcDeb, .parcCheque{
		width: 50px;
	}
	
	.transAlterar {
		width: 45px;
	}
	
	.transQuitada{
		width: 25px;
	}
	
	.transCategoria, .transConta {
		width: 140px;
	}
	
	.transDesc {
		width: 250px;
	}
	
	.transValor {
		width: 100px;
		text-align: right;
	}
	
	</style>
	
			<script language="javascript">
				function atualizarDados() {
					carregarContas();
					carregarOrcamento();
				}
	
				function calcularValorTotalTransacao() {
					var tam = parseInt($(".campoValorParcela").length);
	
					$("#valorTransacao").val(0);
	
					for ( var i = 0; tam > i; i++) {
						$("#valorTransacao")
							.val(
								(parseFloat($("#valorTransacao").val()
										.replace(",", "."))
										+ parseFloat($(".campoValorParcela")[i].value
												.replace(",", ".")) + "")
										.replace(".", ","));
					}
				}
			</script>
		</ui:define>
	
		<ui:define name="centro">
	
			<h:form id="form1" prependId="false">
	
				<p:remoteCommand name="carregarContas" process="@this"
					update=":formEsquerda" action="#{manterContaMB.carregarListaContas}" />
				<p:remoteCommand name="carregarOrcamento" process="@this"
					update=":formOrcamento"
					action="#{manterOrcamentoMB.carregarListaOrcamentos}" />
	
				<p:growl id="growl" showDetail="true" sticky="true" />
	
	 			<p:panel id="panelPesquisa">
					<f:facet name="header">
						<h:outputText value="#{lbls.LBL_0017}" />
					</f:facet>
	
					<div style="text-align: right">
						<p:commandLink oncomplete="diagImport.show();"
							update="@(#cboContaImport)" process="@this"
							action="#{manterTransacaoMB.carregarPopupImportacao}">
							<h:outputText value="Importar" />
						</p:commandLink>
					</div>
	
					<table cellpadding="0" cellspacing="5" border="0">
						<tr>
							<td>
								<div class="txtDescTrans">
									<h:outputLabel for="txtDescTrans" value="#{lbls.LBL_0010}" />
									<h:inputText
										value="#{manterTransacaoMB.parcelaTransacao.transacao.descricao}"
										id="txtDescTrans" label="#{lbls.LBL_0010}"
										styleClass="txtDescTrans" />
								</div>
							</td>
							<td>
								<div class="cboCateg">
									<h:outputLabel for="cboCateg" value="Categoria" />
									<h:selectOneMenu id="cboCateg" converter="selectOneConverter"
										styleClass="cboCateg"
										value="#{manterTransacaoMB.parcelaTransacao.transacao.categoriaTransacao}"
										itens="#{manterTransacaoMB.listaCategoriasTransacao}">
										<f:selectItems
											value="#{manterTransacaoMB.listaCategoriasTransacao}"
											var="categoria" itemLabel="#{categoria.nome}"
											itemValue="#{categoria}" />
									</h:selectOneMenu>
								</div>
							</td>
	
							<td>
								<div class="cboContaPesquisa">
									<h:outputLabel for="cboContaPesquisa" value="Conta" />
									<h:selectOneMenu id="cboContaPesquisa"
										value="#{manterTransacaoMB.parcelaTransacao.transacao.conta}"
										converter="selectOneConverter" styleClass="cboContaPesquisa"
										itens="#{manterTransacaoMB.listaContas}">
										<f:selectItem itemLabel="Todas" />
										<f:selectItems value="#{manterTransacaoMB.listaContas}"
											var="conta" itemLabel="#{conta.nome}" itemValue="#{conta}" />
									</h:selectOneMenu>
								</div>
							</td>
						</tr>
						<tr>
							<td>
								<div class="calDtInicial">
									<h:outputLabel for="calDtInicial" value="Data Inicial" />
									<br />
									<p:calendar id="calDtInicial" locale="pt"
										value="#{manterTransacaoMB.dataInicial}" pattern="dd/MM/yyyy"
										size="10" showOn="button" navigator="true" />
								</div>
							</td>
	
							<td>
								<div class="calDtFinal">
									<h:outputLabel for="calDtFinal" value="Data Final" />
									<br />
									<p:calendar id="calDtFinal" locale="pt"
										value="#{manterTransacaoMB.dataFinal}" pattern="dd/MM/yyyy"
										size="10" showOn="button" navigator="true" />
								</div>
							</td>
						</tr>
	
					</table>
	
					<p:commandButton value="#{lbls.LBL_0078}" id="btnPesquisar"
						process="@this calDtInicial calDtFinal cboContaPesquisa"
						update="parcelaDataTable" icon="ui-icon-search" 
						action="#{manterTransacaoMB.doPesquisarAction}" />
	
					<div align="right">
						<p:commandButton value="#{lbls.LBL_0009}" id="btnAdicionar"
							oncomplete="diagTrans.show();" icon="ui-icon-circle-plus"
							process="@this" update="@(form)"
							action="#{manterTransacaoMB.doAdicionarAction}" />
					</div>
	
					<p:spacer height="10" />
	
					<h:panelGroup id="parcelaDataTable">
	
						<table cellpadding="0" cellspacing="0" border="0" 
							style="width: 700px; border-spacing: 2px;">
	
							<tr class="trTransacao">
								<th align="left" class="transDesc">Descrição</th>
								<th align="left" class="transCategoria">Categoria</th>
								<th align="left" class="transConta">Conta</th>
								<th class="colunaValores, transValor" align="right">Valor (R$)</th>
								<th class="transQuitada">Pago</th>
								<th class="transAlterar"></th>
							</tr>
						</table>
						
							
						<h:dataTable width="700px" var="parcTran" value="#{manterTransacaoMB.listaParcelasTransTO}"  >
							<h:column>
							
								<h:dataTable width="100%" var="parcela" value="#{parcTran.listaParcelas}" 
									footerClass="trSaldoAnterior"
									rowClasses="transacaoLinha1, transacaoLinha2"
									columnClasses="transDesc, transCategoria, transConta, transValor, transQuitada, transAlterar" >
									<h:column>
										<f:facet name="header">
											<div style="text-align: left;">
												<h:outputText value="#{parcTran.dia}" styleClass="trDataTransacao">
													<f:convertDateTime pattern="dd/MM/yyyy, EEEEE" />
												</h:outputText>
											</div>
										</f:facet>
									
										<h:outputText value="#{parcela.transacao.descricao}" />
									</h:column>
								
									<h:column >
										<f:facet name="header">
											<div style="text-align: left;">
												<h:outputText style="font-style: italic; font-weight:normal;" value="Saldo dia anterior:"/>
											</div>
										</f:facet>
										
										<f:facet name="footer">
											<h:outputText value="Saldo dia:" style="font-style: italic;" />
										</f:facet>
									
										<h:outputText rendered="#{parcela.transacao.tipoTransacao ne 'TRANSFERENCIA'}" value="#{parcela.transacao.categoriaTransacao.nome}" />	
										<h:outputText rendered="#{parcela.transacao.tipoTransacao eq 'TRANSFERENCIA'}" value="Transferência" />
									</h:column>
									
									<h:column>
										<h:outputText value="#{parcela.transacao.conta.nome}" />
									</h:column>
									
									<h:column align="right">
									
										<f:facet name="header">
											<div class="transValor">
												<h:outputText style="font-style: italic; font-weight:normal;" value="#{parcTran.totalDiaAnterior}" 
													rendered="#{parcTran.totalDiaAnterior ge 0}">
													<f:convertNumber type="currency" currencySymbol="" />
												</h:outputText>
											
												<h:outputText style="font-style: italic; font-weight:normal;" value="#{parcTran.totalDiaAnterior}" styleClass="parcelaNegativa"
													rendered="#{parcTran.totalDiaAnterior lt 0 }">
													<f:convertNumber type="currency" currencySymbol="" />
												</h:outputText>
											</div>
										</f:facet>
										
										<f:facet name="footer">
											<div class="transValor">
												<h:outputText value="#{parcTran.totalDiaAnterior + parcTran.totalDia}"
													rendered="#{parcTran.totalDiaAnterior + parcTran.totalDia ge 0}">
													<f:convertNumber type="currency" currencySymbol="" />
												</h:outputText>
												
												<h:outputText value="#{parcTran.totalDiaAnterior + parcTran.totalDia}"
													styleClass="parcelaNegativa"
													rendered="#{parcTran.totalDiaAnterior + parcTran.totalDia lt 0}">
													<f:convertNumber type="currency" currencySymbol="" />
												</h:outputText>
											</div>
										</f:facet>
									
										<h:outputText value="#{parcela.valor * -1}" 
												rendered="#{parcela.parcelaNegativa and not parcela.vencidaENaoPaga}"
												styleClass="parcelaNegativa">
											<f:convertNumber type="currency" currencySymbol="" />
										</h:outputText>
										
										<h:outputText value="#{parcela.valor * -1}" 
												rendered="#{parcela.parcelaNegativaVencida}"
												styleClass="parcelaNegativaVencida">
											<f:convertNumber type="currency" currencySymbol="" />
										</h:outputText>
										
										<h:outputText value="#{parcela.valor}" 
											rendered="#{parcela.parcelaPositiva and not parcela.vencidaENaoPaga}">
											<f:convertNumber type="currency" currencySymbol="" />
										</h:outputText>
										
										<h:outputText value="#{parcela.valor}" styleClass="parcelaPositivaVencida"
											rendered="#{parcela.parcelaPositivaVencida}">
											<f:convertNumber type="currency" currencySymbol="" />
										</h:outputText>
										
									</h:column>
							
									<h:column align="center">
										<h:selectBooleanCheckbox
											value="#{parcela.quitada}">
											<p:ajax event="change" update="@form"
												process="@this" oncomplete="atualizarDados();"
												listener="#{manterTransacaoMB.alterarParcelaTransacao(parcela)}" />
							
										</h:selectBooleanCheckbox>
									</h:column>
							
									<h:column>
										<p:commandLink value="Alterar"
											rendered="#{not parcela.transacao.repetir and not parcela.transacao.ehDestino}"
											oncomplete="diagTrans.show();" process="@this"
											update=":form2" action="#{manterTransacaoMB.doEditarAction}">
											<f:setPropertyActionListener
												target="#{manterTransacaoMB.entidade}"
												value="#{parcela.transacao}" />
										</p:commandLink>
										
										<p:commandLink value="Alterar"
											rendered="#{parcela.transacao.repetir and not parcela.transacao.ehDestino}"
											oncomplete="dlgConfirRecorr.show();" process="@this">
											<f:setPropertyActionListener
												target="#{manterTransacaoMB.entidade}"
												value="#{parcela.transacao}" />
										</p:commandLink>
										
									</h:column>
								</h:dataTable>
							</h:column>
							
						</h:dataTable>
					</h:panelGroup>
	
					<div align="right" style="margin-top: 10px;">
						<p:commandButton value="#{lbls.LBL_0009}" id="btnAdicionar2"
							oncomplete="diagTrans.show();" icon="ui-icon-circle-plus"
							process="@this" update="@(form)"
							action="#{manterTransacaoMB.doAdicionarAction}" />
					</div>
	
			 	</p:panel>
	 
			</h:form>
			<p:dialog header="Transação" widgetVar="diagTrans" appendToBody="true"
				closable="true" minimizable="false" draggable="true"
				maximizable="false" resizable="true" modal="true">
				<h:form id="form2" prependId="false">
					<p:selectOneButton id="cboTipoTrans" style="margin-left:25%;"
						value="#{manterTransacaoMB.tipoTransacao}">
						<f:selectItems value="#{aplicacaoMBean.listaTipoTransacao}" />
						<p:ajax event="change" process="cboTipoTrans"
							update="panelCategorias panelContaOrigem panelDataInicial panelDataFinal"
							listener="#{manterTransacaoMB.alterouTipoTransacao}" />
					</p:selectOneButton>
					<p:spacer height="10" />
					
					<table width="100%" cellpadding="0" cellspacing="5" border="0">
	
						<tr>
							<td style="width: 170px;" valign="bottom"><h:panelGroup
									id="panelContaOrigem">
									<h:panelGroup
										rendered="#{manterTransacaoMB.tipoTransacao eq 'TRANSFERENCIA'}">
										<h:outputText value="Origem" />
										<br />
									</h:panelGroup>
								</h:panelGroup> <h:selectOneMenu id="cboConta" style="width:170px;"
									value="#{manterTransacaoMB.entidade.conta}"
									converter="selectOneConverter"
									itens="#{manterTransacaoMB.listaContas}">
									<f:selectItems value="#{manterTransacaoMB.listaContas}"
										var="conta" itemLabel="#{conta.nome}" itemValue="#{conta}" />
	
									<p:ajax event="change" update="listaParcelas panelDataFinal"
										process="cboConta" listener="#{manterTransacaoMB.alterouConta}" />
	
								</h:selectOneMenu></td>
	
							<td style="width: 170px;" valign="bottom">
								<h:panelGroup
									id="panelDataInicial">
	
									<h:panelGroup
										rendered="#{manterTransacaoMB.tipoTransacao eq 'TRANSFERENCIA'}">
										<h:outputText value="Destino" />
										<br />
	
										<h:selectOneMenu id="cboContaDest" style="width:170px;"
											value="#{manterTransacaoMB.entidade.transacao.conta}"
											converter="selectOneConverter"
											itens="#{manterTransacaoMB.listaContas}">
											<f:selectItems value="#{manterTransacaoMB.listaContas}"
												var="conta" itemLabel="#{conta.nome}" itemValue="#{conta}" />
	
											<p:ajax event="change" update="listaParcelas"
												process="cboConta" />
	
										</h:selectOneMenu>
									</h:panelGroup>
									<h:panelGroup
										rendered="#{manterTransacaoMB.tipoTransacao ne 'TRANSFERENCIA' and not manterTransacaoMB.entidade.repetir}">
										Venc. <br />
										<p:calendar id="dtVenc" locale="pt"
											value="#{manterTransacaoMB.entidade.dataTransacao}"
											selectListener="#{manterTransacaoMB.alterouDataVencimento}"
											onSelectUpdate="dtPagto" pattern="dd/MM/yyyy" size="10"
											showOn="button" navigator="true">
	
										</p:calendar>
									</h:panelGroup>
	
									<h:panelGroup rendered="#{manterTransacaoMB.entidade.repetir}">
										Venc. da 1ª <br />
										<p:calendar locale="pt" id="dataPrimRecor"
											value="#{manterTransacaoMB.entidade.recorrenciaTransacao.dataPrimeira}"
											pattern="dd/MM/yyyy" size="10" showOn="button"
											rendered="#{manterTransacaoMB.alteracaoRecorrencia eq 'TODAS'}"
											navigator="true">
											<p:ajax event="change" update="totalRepeticoes"
												process="@this dataPrimRecor dataUltimaRecor" />
										</p:calendar>
										
										<p:inputText value="#{manterTransacaoMB.entidade.recorrenciaTransacao.dataPrimeira}"
											disabled="true"
											size="10"
											rendered="#{manterTransacaoMB.alteracaoRecorrencia ne 'TODAS'}" 
											readonly="true">
										 	<f:convertDateTime type="date" />
										</p:inputText>
										
									</h:panelGroup>
								</h:panelGroup></td>
	
							<td style="width: 170px;" valign="bottom"><h:panelGroup
									id="panelDataFinal">
	
									<h:panelGroup
										rendered="#{manterTransacaoMB.tipoTransacao eq 'TRANSFERENCIA'}">
										Venc. <br />
										<p:calendar locale="pt" showOn="button" navigator="true"
											value="#{manterTransacaoMB.entidade.dataTransacao}"
											pattern="dd/MM/yyyy" size="10">
	
										</p:calendar>
									</h:panelGroup>
	
									<h:panelGroup
										rendered="#{manterTransacaoMB.tipoTransacao ne 'TRANSFERENCIA' and not manterTransacaoMB.entidade.repetir and manterTransacaoMB.entidade.conta.tipoConta ne 'CREDITO'}">
											Pagto.: <br />
										<p:calendar id="dtPagto" locale="pt"
											value="#{manterTransacaoMB.entidade.dataPagamento}"
											pattern="dd/MM/yyyy" size="10" showOn="button"
											navigator="true" />
									</h:panelGroup>
	
									<h:panelGroup
										rendered="#{manterTransacaoMB.entidade.conta.tipoConta eq 'CREDITO'}">
										Fatura: <br />
										<h:selectOneMenu style="width:150px;"
											value="#{manterTransacaoMB.entidade.faturaParcela}"
											converter="selectOneConverter"
											itens="#{manterTransacaoMB.entidade.conta.listaFaturas}">
											<f:selectItems
												value="#{manterTransacaoMB.entidade.conta.listaFaturas}"
												var="fatura" itemLabel="#{fatura.anoMesReferencia}"
												itemValue="#{fatura}" />
	
										</h:selectOneMenu>
									</h:panelGroup>
	
									<h:panelGroup rendered="#{manterTransacaoMB.entidade.repetir}">
										Venc. da Última: <br />
										<p:calendar locale="pt" id="dataUltimaRecor"
											value="#{manterTransacaoMB.entidade.recorrenciaTransacao.dataUltima}"
											pattern="dd/MM/yyyy" size="10" showOn="button"
											rendered="#{manterTransacaoMB.alteracaoRecorrencia ne 'SOMENTE_ESTA'}"
											navigator="true">
											<p:ajax event="change" update="totalRepeticoes"
												process="@this dataPrimRecor dataUltimaRecor" />
										</p:calendar>
										
										<p:inputText value="#{manterTransacaoMB.entidade.recorrenciaTransacao.dataPrimeira}"
											disabled="true"
											size="10"
											rendered="#{manterTransacaoMB.alteracaoRecorrencia eq 'SOMENTE_ESTA'}" 
											readonly="true">
										 	<f:convertDateTime type="date" />
										</p:inputText>
										
									</h:panelGroup>
								</h:panelGroup></td>
						</tr>
	
						<tr>
							<td><h:inputText style="width:165px;" id="descTrans"
									value="#{manterTransacaoMB.entidade.descricao}" /> <p:watermark
									for="descTrans" value="Descrição" /></td>
							<td>
							<h:panelGroup id="panelCategorias">
								<h:selectOneMenu id="cboCategorias" style="width:150px;"
										rendered="#{manterTransacaoMB.tipoTransacao ne 'TRANSFERENCIA'}"
										disabled="#{not empty manterTransacaoMB.alteracaoRecorrencia and manterTransacaoMB.alteracaoRecorrencia ne 'TODAS'}" 
										value="#{manterTransacaoMB.entidade.categoriaTransacao}"
										converter="selectOneConverter"
										itens="#{manterTransacaoMB.listaCategoriasTransacao}">
										<f:selectItems
											value="#{manterTransacaoMB.listaCategoriasTransacao}"
											var="categoria" itemLabel="#{categoria.nome}"
											itemValue="#{categoria}" />
									</h:selectOneMenu>
							</h:panelGroup>
								</td>
							<td><h:panelGroup id="panelQuitDeb">
									<h:panelGroup
										rendered="#{manterTransacaoMB.entidade.qtdaParcelasInformadas eq 1}">
										<h:selectBooleanCheckbox label="Quitada"
											value="#{manterTransacaoMB.entidade.quitada}" />Quitada
											<br />
										<h:selectBooleanCheckbox label="Débito Automático"
											value="#{manterTransacaoMB.entidade.quitada}" />Deb. Auto
									</h:panelGroup>
								</h:panelGroup></td>
						</tr>
						<tr>
							<td align="right" colspan="2">R$ <p:inputText size="6"
									id="valorTransacao"
									converterMessage="Valor da transação inválido."
									value="#{manterTransacaoMB.entidade.valorTotal}">
									<p:ajax event="change" update="listaParcelas"
										process="qtdaParcelas valorTransacao"
										listener="#{manterTransacaoMB.calcularValorParcela}" />
	
									<f:convertNumber pattern="#,##0.00" minFractionDigits="2" />
								</p:inputText> 
								<h:panelGroup id="painelQtdaRepetir">
									<h:panelGroup
										rendered="#{not manterTransacaoMB.entidade.repetir}">
										em <p:spinner size="1" id="qtdaParcelas" min="1" maxlength="2"
											value="#{manterTransacaoMB.entidade.qtdaParcelasInformadas}">
	
											<p:ajax event="blur"
												update="listaParcelas panelRecorrencia panelQuitDeb"
												process="qtdaParcelas valorTransacao"
												listener="#{manterTransacaoMB.calcularValorParcela}" />
	
										</p:spinner>
									</h:panelGroup>
									<h:panelGroup rendered="#{manterTransacaoMB.entidade.repetir}">
										a cada <p:spinner size="1" min="1" maxlength="2"
											value="#{manterTransacaoMB.entidade.recorrenciaTransacao.qtdaRepeticoesPeriodo}">
											<p:ajax event="change" update="totalRepeticoes"
												process="@this dataPrimRecor dataUltimaRecor" />
										</p:spinner>
	
										<h:selectOneMenu
											value="#{manterTransacaoMB.entidade.recorrenciaTransacao.tipoRecorrencia}">
											<f:selectItems value="#{aplicacaoMBean.listaTipoRecorrencias}"
												var="recorrencia" itemLabel="#{recorrencia.descricao}"
												itemValue="#{recorrencia}" />
	
											<p:ajax event="change" update="totalRepeticoes"
												process="@this dataPrimRecor dataUltimaRecor" />
										</h:selectOneMenu>
	
									</h:panelGroup>
								</h:panelGroup>
							</td>
	
							<td><h:panelGroup id="panelRecorrencia">
									<h:selectBooleanCheckbox label="Repetir" id="chkRepTrans"
										rendered="#{manterTransacaoMB.entidade.qtdaParcelasInformadas eq 1}"
										disabled="#{not empty manterTransacaoMB.entidade.recorrenciaTransacao}"
										value="#{manterTransacaoMB.entidade.repetir}">
	
										<p:ajax event="change"
											update="panelDataInicial panelDataFinal painelQtdaRepetir painelTotalRepeticoes"
											process="chkRepTrans"
											listener="#{manterTransacaoMB.recorrenciaTransacao}" />
	
									</h:selectBooleanCheckbox>
									<h:outputText value="Repetir"
										rendered="#{manterTransacaoMB.entidade.qtdaParcelasInformadas eq 1}" />
								</h:panelGroup></td>
	
						</tr>
	
						<tr>
							<td><h:panelGroup id="painelTotalRepeticoes">
									<h:outputText rendered="#{manterTransacaoMB.entidade.repetir}"
										value="Total repetições: #{manterTransacaoMB.entidade.recorrenciaTransacao.totalRepeticoes}"
										id="totalRepeticoes" />
								</h:panelGroup></td>
						</tr>
					</table>
	
					<h:panelGroup id="listaParcelas">
						<h:dataTable columnClasses="parcNumero, parcValor, parcVenc, parcQuit, parcDeb, parcCheque" 
							rendered="#{manterTransacaoMB.entidade.qtdaParcelasInformadas gt 1}" 
							var="parcela" value="#{manterTransacaoMB.entidade.listaParcelas}">
							<h:column >
								<f:facet name="header" >Nº</f:facet>								
								<h:outputText value="#{parcela.numero}" />
							</h:column>
							
							<h:column>
								<f:facet name="header">Valor (R$)</f:facet>	
								<h:inputText size="5"
									onchange="calcularValorTotalTransacao();"
									value="#{parcela.valor}" styleClass="campoValorParcela">
									<f:convertNumber pattern="#,##0.00" minFractionDigits="2" />
								</h:inputText>							
							</h:column>
							
							<h:column>
								<f:facet name="header">Venc.</f:facet>	
								<h:outputText
									value="#{parcela.dataVencimento}">
									<f:convertDateTime type="date" />
								</h:outputText>							
							</h:column>
							
							<h:column rendered="#{manterTransacaoMB.entidade.conta.tipoConta ne 'CREDITO'}">
								<f:facet name="header">Deb.Auto.</f:facet>
								<h:selectBooleanCheckbox
									disabled="#{manterTransacaoMB.entidade.conta.tipoConta eq 'CREDITO'}"
									value="#{parcela.quitada}" />						
							</h:column>
							
							<h:column rendered="#{manterTransacaoMB.entidade.conta.tipoConta eq 'BANCARIA'}">
								<f:facet name="header">Nº Cheque</f:facet>
								<h:inputText size="5" value="#{parcela.numeroCheque}"
									styleClass="campoValorParcela">
									<f:convertNumber type="number" integerOnly="true" />
								</h:inputText>								
							</h:column>
						
						</h:dataTable>
					</h:panelGroup>
	
					<p:commandButton value="Excluir"
						style="position:relative; float:left; margin-right:10px; margin-bottom:10px;"
						update=":form1" process="@this"
						action="#{manterTransacaoMB.doRemoverAction}"
						oncomplete="diagTrans.hide(); atualizarDados();" />
	
					<p:commandButton value="Salvar"
						style="position:relative; float:right; margin-right:10px; margin-bottom:10px;"
						update=":form1" process="@form"
						action="#{manterTransacaoMB.doSalvarAction}"
						oncomplete="diagTrans.hide(); atualizarDados();" />
	
				</h:form>
			</p:dialog>
	
			<p:dialog header="Importar transações" widgetVar="diagImport"
				width="800" appendToBody="true" closable="true" minimizable="false"
				draggable="true" maximizable="false" resizable="true" modal="true">
				<h:form id="formImport" prependId="false">
	
					<p:remoteCommand name="carregarArquivo" process="formImport"
						update="tblTransacoesImport"
						action="#{manterTransacaoMB.importarArquivo}" />
					<table width="100%" cellpadding="0" cellspacing="2">
						<tr>
							<td><p:fileUpload showButtons="true" label="Procurar..."
									auto="true" oncomplete="carregarArquivo();"
									fileUploadListener="#{manterTransacaoMB.handleFileUpload}" /></td>
	
							<td><h:selectOneMenu id="cboContaImport"
									converter="selectOneConverter"
									value="#{manterTransacaoMB.contaCredito}"
									itens="#{manterTransacaoMB.listaContasCredito}">
									<f:selectItem itemLabel="#{lbls.LBL_0028}" />
									<f:selectItems value="#{manterTransacaoMB.listaContasCredito}"
										var="conta" itemLabel="#{conta.nome}" itemValue="#{conta}" />
								</h:selectOneMenu></td>
	
							<td><p:commandLink oncomplete="dlgCategoria2.show();"
									update=":formCategoria2"
									action="#{manterContaMB.doAdicionarCategoriaTransacaoAction}">
									<f:setPropertyActionListener
										target="#{manterContaMB.tipoCategoria}" value="DEBITO" />
									<h:graphicImage url="/imgs/add.png" />
									<h:outputText value="Categoria" />
								</p:commandLink> <br /> <p:commandLink oncomplete="dlgFiltro.show();"
									update=":formFiltro"
									action="#{manterFiltroMB.doAdicionarAction}">
									<h:graphicImage url="/imgs/filter.jpg" />
									<h:outputText value="Filtro" />
								</p:commandLink></td>
							<td align="right"><p:commandButton value="Salvar"
									update="@(form)" oncomplete="diagImport.hide()"
									process="@this tblTransacoesImport"
									action="#{manterTransacaoMB.doSalvarImportacao}" /></td>
	
						</tr>
					</table>
	
					<p:dataTable id="tblTransacoesImport" paginator="true"
						paginatorPosition="bottom" rows="10"
						value="#{manterTransacaoMB.listaTransacoes}" var="transacao">
						<p:column>
							<f:facet name="header"></f:facet>
							<h:selectBooleanCheckbox value="#{transacao.importar}">
							</h:selectBooleanCheckbox>
						</p:column>
	
						<p:column>
							<f:facet name="header">Data</f:facet>
							<h:outputText value="#{transacao.dataTransacao}">
								<f:convertDateTime type="date" />
							</h:outputText>
						</p:column>
						<p:column>
							<f:facet name="header">Descrição</f:facet>
							<h:outputText value="#{transacao.descricao}" />
						</p:column>
						<p:column>
							<f:facet name="header">Fatura</f:facet>
	
							<p:selectOneMenu label="#{lbls.LBL_0006}" style="width:134px;"
								value="#{transacao.faturaParcela}" converter="selectOneConverter"
								itens="#{manterTransacaoMB.contaCredito.listaFaturas}">
								<f:selectItem itemLabel="#{lbls.LBL_0028}" />
								<f:selectItems
									value="#{manterTransacaoMB.contaCredito.listaFaturas}"
									var="fatura" itemLabel="#{fatura.anoMesReferencia}"
									itemValue="#{fatura}" />
	
							</p:selectOneMenu>
	
						</p:column>
	
						<p:column>
							<f:facet name="header">Categoria</f:facet>
	
							<h:selectOneMenu converter="selectOneConverter"
								value="#{transacao.categoriaTransacao}"
								itens="#{manterTransacaoMB.listaCategoriasTransacao}">
								<f:selectItem itemLabel="#{lbls.LBL_0028}" />
								<f:selectItems
									value="#{manterTransacaoMB.listaCategoriasTransacao}"
									var="categoria" itemLabel="#{categoria.nome}"
									itemValue="#{categoria}" />
							</h:selectOneMenu>
	
						</p:column>
						<p:column>
							<f:facet name="header">Parcelas</f:facet>
							<h:outputText value="#{transacao.qtdaParcelasInformadas}" />
						</p:column>
						<p:column>
							<f:facet name="header">Valor</f:facet>
							<h:outputText value="#{transacao.valorParcela}">
								<f:convertNumber type="currency" currencySymbol="" />
							</h:outputText>
						</p:column>
					</p:dataTable>
	
				</h:form>
			</p:dialog>
	
			<p:dialog header="Adicionar categoria" widgetVar="dlgCategoria2"
				modal="true" appendToBody="true">
				<h:form id="formCategoria2" prependId="false">
					#{manterContaMB.tipoCategoriaEnum.descricao}
					<table style="width: 300px">
	
						<tr>
							<td><h:outputText value="Categoria Pai: "
									rendered="#{manterContaMB.categoriaTransacao.categoriaPai ne null}" />
							</td>
							<td align="right"><h:outputText
									rendered="#{manterContaMB.categoriaTransacao.categoriaPai ne null}"
									value="#{manterContaMB.categoriaTransacao.categoriaPai.nome}" />
							</td>
						</tr>
	
						<tr>
							<td>Nome:</td>
							<td align="right"><p:inputText style="width:150px;"
									value="#{manterContaMB.categoriaTransacao.nome}">
								</p:inputText></td>
						</tr>
	
						<tr>
							<td colspan="4"><p:separator
									style="margin-top:10px; margin-bottom:5px;" height="2" /></td>
						</tr>
						<tr>
							<td><p:commandButton value="Cancelar" type="button"
									onclick="dlgCategoria2.hide();" /></td>
							<td colspan="3" align="right"><p:commandButton
									oncomplete="dlgCategoria2.hide(); atualizarCategorias();"
									value="Salvar" update=":formEsquerda:tree"
									process="formCategoria2"
									action="#{manterContaMB.doSalvarCategoriaAction}"></p:commandButton></td>
						</tr>
					</table>
	
					<p:remoteCommand name="atualizarCategorias"
						action="#{manterTransacaoMB.carregarCategorias}"
						update=":formImport:tblTransacoesImport" />
				</h:form>
			</p:dialog>
	
			<p:dialog header="Adicionar filtro" widgetVar="dlgFiltro" modal="true"
				appendToBody="true">
				<h:form id="formFiltro" prependId="false">
					<table style="width: 300px">
	
						<tr>
							<td>Palavra:</td>
							<td align="right"><p:inputText style="width:150px;"
									value="#{manterFiltroMB.entidade.palavra}">
								</p:inputText></td>
	
							<td>Categoria:</td>
							<td align="right"><h:selectOneMenu
									converter="selectOneConverter"
									value="#{manterFiltroMB.entidade.categoria}"
									itens="#{manterFiltroMB.listaCategorias}">
									<f:selectItem itemLabel="#{lbls.LBL_0028}" />
									<f:selectItems value="#{manterFiltroMB.listaCategorias}"
										var="categoria" itemLabel="#{categoria.nome}"
										itemValue="#{categoria}" />
								</h:selectOneMenu></td>
						</tr>
	
						<tr>
							<td colspan="4"><p:separator
									style="margin-top:10px; margin-bottom:5px;" height="2" /></td>
						</tr>
						<tr>
							<td><p:commandButton value="Cancelar" type="button"
									onclick="dlgFiltro.hide();" /></td>
							<td colspan="3" align="right"><p:commandButton
									oncomplete="dlgFiltro.hide(); carregarArquivo();" value="Salvar"
									process="formFiltro" action="#{manterFiltroMB.doSalvarAction}" />
							</td>
						</tr>
					</table>
				</h:form>
			</p:dialog>
	
			<p:dialog header="Confirmação" widgetVar="dlgConfirRecorr"
				modal="true" appendToBody="true">
				<h:form id="formConfRecorrencia" prependId="false">
					<table style="width: 300px">
	
						<tr>
							<td colspan="3">Alterar ocorrência de transações:</td>
	
						</tr>
	
						<tr>
							<td colspan="3"><p:separator
									style="margin-top:10px; margin-bottom:5px;" height="2" /></td>
						</tr>
						<tr>
		
							<td><p:commandButton value="Somente Esta"
									onclick="dlgConfirRecorr.hide();" process="@this"
									oncomplete="diagTrans.show();" update=":form2"
									action="#{manterTransacaoMB.doEditarAction}">
									<f:setPropertyActionListener target="#{manterTransacaoMB.alteracaoRecorrencia}" value="SOMENTE_ESTA" />
								</p:commandButton>
							</td>
	
							<td>
								<p:commandButton value="Esta e futuras" 
									onclick="dlgConfirRecorr.hide();" process="@this"
									oncomplete="diagTrans.show();" update=":form2"
									action="#{manterTransacaoMB.doEditarAction}">
									<f:setPropertyActionListener target="#{manterTransacaoMB.alteracaoRecorrencia}" value="ESTA_FUTURAS" />
								</p:commandButton>
							</td>
	
							<td>
								<p:commandButton value="Todas" 
									onclick="dlgConfirRecorr.hide();" process="@this"
									oncomplete="diagTrans.show();" update=":form2"
									action="#{manterTransacaoMB.doEditarAction}">
									<f:setPropertyActionListener target="#{manterTransacaoMB.alteracaoRecorrencia}" value="TODAS" />
								</p:commandButton>
							</td>
						</tr>
					</table>
				</h:form>
			</p:dialog>
	
		</ui:define>
	</ui:decorate>
	</html>